<template>
    <div class="wrapper wrapper11">
        <div class="page-header">
            <h3>{{ title }}</h3>
        </div>
        <div class="page-content">
            <div class="alert alert-danger">自定义事件</div>
            <button class="btn btn-primary" @click="$emit(`myevent`)">
                组件自定义事件
            </button>
        </div>
    </div>
</template>

<script setup>
import { defineProps } from "vue";
const props = defineProps({
    title: {
        type: String,
        default: "Vue3.0",
    },
});
</script>

<style lang="scss" scoped>
.wrapper {
    color: #fff;
}
</style>
